﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Comparecimento.aspx.cs" MasterPageFile="~/Funcionario/Funcionario.Master" Inherits="Ortodoctor.Funcionario.Comparecimento" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="head">
    <title>Comparecimentos diários</title>
    <script type="text/javascript" src="Comparecimento.js"></script>
    <style>
        .maomeno {
            width:20px;
            height:20px;
            background-color:#f0f0f0;
            border-radius:3px;
            float:left;
            text-align:center;
            vertical-align:middle;
            border:1px solid #CCCCCC;
            cursor:pointer;
        }
            .maomeno:active {
                background-color:#CCCCCC;
                border:1px solid #f0f0f0;
            }
    </style>
</asp:Content>

<asp:Content ID="Content" runat="server" ContentPlaceHolderID="conteudo">
    <table>
        <tr>
            <td>
                <label for="paciente">Data: </label>
            </td>
            <td>
                <table>
                    <tr>
                        <td>
                            <label id="date" runat="server"/>
                        </td>
                        <td>
                            <div id="mais" class="maomeno">+</div>
                            <div id="menos" class="maomeno">-</div>
                        </td>
                    </tr>
                </table>
            </td>
            <td>
                <label id="alerta" runat="server" style="color:white; background-color:red; font-size:14pt; height:30px; border-radius:5px; padding:10px" />
            </td>
        </tr>
    </table>
    <div id="grid"></div>
    <div id="formulario" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" style="margin-top:10%;">
        <div id="cadastro" class="modal-body">
            <ul class="nav nav-tabs" id="tabCadastro">
                <li><a href="#tabComparecimento">Comparecimento</a></li>
            </ul>

            <div class="tab-content">
                <div class="tab-pane" id="tabComparecimento">
                    <table>
                        <tr>
                            <td>
                                <label for="paciente">*Paciente: </label>
                            </td>
                            <td>
                                <select id="selectID">
                                    <option value="volvo">cli</option>
                                    <option value="saab">en</option>
                                    <option value="mercedes">te</option>
                                    <option value="audi">bonito</option>
                                </select>
                            </td>
                        </tr>
                         <tr>
                            <td>
                                <label >*Dentista: </label>
                            </td>
                            <td>
                                <select id="dentista" runat="server">
                                    <option value="volvo">cli</option>
                                    <option value="saab">en</option>
                                    <option value="mercedes">te</option>
                                    <option value="audi">bonito</option>
                                </select>
                            </td>
                        </tr>
                         
                        <tr>
                            <td>
                                <label >Horario: </label>
                            </td>
                            <td>
                                <input id="horario" type="text" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButton(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmAddButton(); return false;" value="Salvar alterações" />
            </div>
        </div>
    </div>
    <div id="scripts" runat="server"></div>

</asp:Content>

            
